import Test from './components/header.js';

const {
	ref,
	computed,
	watch,
	onMounted,
	toRef,
	defineComponent,
} = Vue

const step1 = defineComponent({
	template: document.getElementById('step1').innerHTML
});
const step2 = defineComponent({
	template: document.getElementById('step2').innerHTML
});
const step3 = defineComponent({
	template: document.getElementById('step3').innerHTML
});

const app = Vue.createApp({
	setup(){
		const currentTemplate = ref('step1');
		const room = {};

		return {
			room,
			currentTemplate,
			step1,
			step2,
			step3,
		};
	}
});

app.component('step1', step1);
app.component('step2', step2);
app.component('step3', step3);
app.component('test', Test);

app.mount('#app');